.main-content {
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow:auto;
    padding-bottom: 30px;
    .box {
        height: 100%;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        .card {
            margin: 5px;
            width:100%;
        }
        .box1 {
            width:100%;
            display: flex;
            .l-box{
                width: 33%;
                display: flex;
                flex-direction: column;
                .info{
                    display: flex;
                    justify-content: space-around;
                    .info-content {
                        box-shadow: none;
                        text-align: center;
                        p {
                            margin: 0;
                        }
                    }
                }
                .pie-content {
                    flex: 1;
                    display:flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    box-shadow: none;
                    margin: 0 auto;
                    ::ng-deep .ant-progress-circle .ant-progress-text {
                        font-size: 18px;
                        font-weight: bold;
                    }
                }
            }
            .r-box{
                flex: 1;
                display: flex;
                flex-direction: row;
                ::ng-deep .ant-table-small .ant-table-body {
                    margin: 0;
                }
                .table-box{
                    width: calc(50% - 10px);
                    height: 100%;
                    margin: 0 5px;
                }
            }
        }
    }

    .card-container {
        flex: 1;
    }
}
.green {
    color: #0aa920;
}

.red {
    color: #ee080c;
}
.full-page{
    width:100%;
    height:100%;
}
